<template>
  <div class="ht-container">
    <HtHeader :data="breadData"></HtHeader>
    <div>
      <el-card class="ht-card">
        <div slot="header" class="clearfix">
          <span>卡片名称</span>
          <el-button style="float: right; padding: 3px 0" type="text"
            >操作按钮</el-button
          >
        </div>
        <div v-for="o in 4" :key="o" class="text item">
          {{ '列表内容 ' + o }}
        </div>
      </el-card>
    </div>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import { BreadType } from 'htui-yllkbz/src/packages/type';
import HtHeader from '@/components/htHeader.vue';
interface State {
  /** 数据状态 */
  loading: boolean;
}
@Component({
  components: {
    HtHeader,
  },
})
export default class Index extends Vue {
  /** 数据 */
  state: State = {
    loading: false,
  };
  /** 生命周期 */
  mounted() {
    //this.$notify.success('测试能够更改文件');
  }
  /** 方法 */
  /** 监听 */
  /** 计算属性 */
  get breadData(): BreadType[] {
    return [
      { key: '基础数据维护', title: '仓库管理' },
      { key: '厂家管理', title: '基础数据维护' },
    ];
  }
}
</script>
<style lang="scss" scoped></style>
